.bar-box {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;

  .bar-left,
  .bar-right {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 100%;

    img {
      width: 1.45rem;
      height: 1.45rem;
    }

    a {
      margin: 0 0.5rem;
      color: #5f646e;
    }
  }

  .searchs {
    flex: 1;
    margin: 0 0.5rem;
  }

  .bar-right img {
    margin-right: 0.5rem;
  }
}

.search-container {
  background-color: #fff;

  .buttons-tab {
    background-color: #EFEFF4;

    .button {
      span {
        padding-bottom: 0.2rem;
        border-bottom: 1px solid transparent;
      }
    }

    .button.active {
      border-color: transparent;

      span {
        border-bottom-color: #0894ec;
      }
    }
  }

  .container {
    box-sizing: border-box;
    padding: 0 0.75rem;
    // background-color: #fff;
    overflow: hidden;

    .search {
      .search-list {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;

        span {
          padding: 0.2rem 0.3rem;
          margin: 0 0.5rem 0.5rem 0;
          font-size: 0.7rem;
          border: 1px solid #5f646e;
          border-radius: 4px;
        }
      }
    }

    .card-flex-box {
      .card_flex__inner {
        padding: 0.5rem 0;

        p {
          margin: 0;
        }

        .label-box {
          box-sizing: border-box;
          padding: 0.5rem 0;

          .label {
            box-sizing: border-box;
            margin-right: 0.2rem;
            padding: 0.2rem 0.5rem;
            border-radius: 1.35rem;
            border: 1px solid #e1e1e1;

            &:nth-last-child(1) {
              margin-right: 0;
            }
          }
        }
      }
    }

    .list-block {
      margin: 0;
      ul {
        li:nth-last-child(1) {
          &::after {
            content: '';
            height: 0px;
            width: 0px;
            background: transparent;
          }
        }
        li::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          right: auto;
          top: auto;
          height: 1px;
          width: 100%;
          background-color: #e7e7e7;
          display: block;
          z-index: 15;
          -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
        }
      }

    }
    
    .card_box__content {
      padding-left: 0;
      color: inherit;
      
      .card_box__content_subtile {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
    }
    .flex-postiton {
      flex-direction: row-reverse;
      
      .item-inner {
        margin-left: 0;
      }
    }
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .list-block ul li::after {
      -webkit-transform: scaleY(.33);
      transform: scaleY(.33);
    }
  }
.list-block .item-inner:after {
  content: '';
  height: 0;
  width: 0;
  background-color: transparent;
}